<style lang="scss">
$border-radius: 20rpx;

.user-index-equity-equity-true {

}

.user-index-equity-equity-true-border {
	height: 18rpx;
	margin: 0 47rpx;
	background: rgba(0, 0, 0, .3);
	border-radius: $border-radius $border-radius 0 0;
}

.user-index-equity-equity-true-body {
	margin: 0 30rpx;
	height: 262rpx;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: $background-image-user-index-equity-immediate-not-open;
	border-radius: $border-radius;
	padding: 38rpx 34rpx 0 44rpx;
	display: flex;
}

.user-index-equity-equity-true-left {
	min-width: 0;
	flex: 1;
	color: #EFDBBF;
	font-style: italic;
}

.user-index-equity-equity-true-title {
	$height: 44rpx;
	height: $height;
	line-height: $height;
	font-size: $height;
	font-weight: 600;
}

.user-index-equity-equity-true-time-due {
	$height: 24rpx;
	height: $height;
	line-height: $height;
	font-size: $height;
	margin-top: 7rpx;
}

.user-index-equity-equity-true-right {
	width: 310rpx;
	display: flex;
	justify-content: space-between;
}

.user-index-equity-equity-true-id {
	$wh: 66rpx;
	width: $wh;
	height: $wh;
	border-radius: $wh;
	background-color: #404040;
	display: flex;
	justify-content: center;
	align-items: center;
}

</style>

<template>
	<view class="user-index-equity-equity-true">

		<view class="user-index-equity-equity-true-border"></view>

		<view class="user-index-equity-equity-true-body">
			<view class="user-index-equity-equity-true-left">
				<view class="user-index-equity-equity-true-title ellipsis">UME影城</view>

				<view class="user-index-equity-equity-true-time-due ellipsis">会员到期时间:<text v-text="timeDue"></text></view>
			</view>

			<view class="user-index-equity-equity-true-right">
				<view class="user-index-equity-equity-true-id">
					<image src="/static/user/index/1.png" mode="widthFix" style="width: 35rpx; height: 29rpx;" />
				</view>
				<view class="user-index-equity-equity-true-id">
					<image src="/static/user/index/2.png" mode="widthFix" style="width: 41rpx; height: 41rpx;" />
				</view>
				<view class="user-index-equity-equity-true-id">
					<image src="/static/user/index/3.png" mode="widthFix" style="width: 35rpx; height: 31rpx;" />
				</view>
				<view class="user-index-equity-equity-true-id">
					<image src="/static/user/index/4.png" mode="widthFix" style="width: 42rpx; height: 21rpx;" />
				</view>
			</view>

		</view>

	</view>
</template>

<script>
export default {
	
	props: {

		timeDue: {
			type: String,
			required: true,
		}

	}

}
</script>